<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<title>TravelDream</title>
	<link rel="stylesheet" type="text/css" href="../style/paginautente.css" />
</h:head>
<h:body>
	<div id="main">
		<div id="upper">
			<div id="logo"><a href="/TravelDreamWeb/home.jsf"><img id="logo-img" src="../img/logo.png"/></a></div>
			<div id="login-up">Benvenuto, #{utenteBean.name} <br />
				<h:form><p:commandButton action="#{logoutBean.logout()}" value="Logout" /> 
				<h:link outcome="PaginaDatiPersonali" value="Modifica dati personali" /></h:form>
			</div>
		</div>
		<div id="center">
			<p:outputLabel value="Elenco dei pacchetti prenotati:" /><br />
			<p:outputLabel value="Nessuna prenotazione effettuata." rendered="#{utenteBean.isListNull()}" />
			<h:form id="form">
				<p:dataTable style="width:900px" id="paccPanel" value="#{utenteBean.prenotazioniCliente}" rendered="#{not utenteBean.isListNull()}" var="prenotazione" 
					paginator="true" rows="10"  
                 	paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                	rowsPerPageTemplate="5,10,15">  
				<p:column headerText="Nome Pacchetto" >
					<h:outputText value="#{prenotazione.nome}" />
				</p:column>
				<p:column headerText="Destinazione">
					<h:outputText value="#{prenotazione.destinazione}" />
				</p:column>
				<p:column headerText="Data partenza">
					<h:outputText value="#{prenotazione.dataPartenza}" ><f:convertDateTime pattern="dd/MM/yy"/></h:outputText>
				</p:column>
				<p:column headerText="Data ritorno">
					<h:outputText value="#{prenotazione.dataRitorno}" ><f:convertDateTime pattern="dd/MM/yy"/></h:outputText>
				</p:column>
				<p:column headerText="Prezzo(€/giorno)">
					<h:outputText value="#{prenotazione.prezzo}" />
				</p:column>
				<p:column style="width:90px">
					<p:commandButton value="Visualizza info" action="#{pacchettoViaggioBean.goToInfoPrenotazione(prenotazione.idPacchettoViaggio)}"/>
				</p:column>	
				<p:column style="width:90px">
					<p:commandButton id="selectButton" update=":form" oncomplete="PF('condividiDialog').show()" value="Condividi" title="View" action="#{pacchettoViaggioBean.setId(prenotazione.getIdPacchettoViaggio())}" >
            		</p:commandButton>
				</p:column>	
			</p:dataTable> 
				
			<p:dialog header="Condividi" widgetVar="condividiDialog" resizable="false"  id="condividiDlg"  
                showEffect="fade" hideEffect="drop" modal="true">  
                <h:form>
                	<p:outputLabel value="Condividi il link del pacchetto:" /><br /><br />
                	<p:outputLabel value="#{pacchettoViaggioBean.condividi()}" /><br /><br />
                	<p:commandButton value="Condividi tramite Facebook" action="#{pacchettoViaggioBean.goPaginaPersonale()}" />
                	<p:commandButton value="Condividi tramite email" action="#{pacchettoViaggioBean.goPaginaPersonale()}" />
                </h:form>
           	</p:dialog>
		</h:form>
		</div>
		<div id="footer">
			<h:link outcome="PaginaPrincipale" value="Torna alla pagina principale" />
		</div>
	</div>
</h:body>
</html>